﻿<div class="row">
    <div class="col-lg-21 col-sm-12 col-xs-12">
        <div class="widget flat radius-bordered">
            <div class="widget-header bg-themeprimary">
                <span class="widget-caption">Profile</span>
            </div>
            <div class="widget-body">
                <div class="widget-main ">
                    <tabset justified="true">
                        <tab heading="Profile">
                            <div ng-controller="ProfileController">
                                <form class="form-horizontal ng-pristine" role="form">
                                    <div class="row">
                                        <div class="col-lg-6 col-sm-6 col-xs-12">
                                            <!--<div class="form-title">
                                                Personal Information
                                            </div>-->
                                            <ul class="list-unstyled">
                                                <li><h5>UserName: {{user.UserName}}</h5></li>
                                                <li><h5>FullName: {{user.HoTen}}</h5></li>
                                                <li><h5>Email: {{user.Email}}</h5></li>
                                                <li><h5>Address: {{user.DiaChi}} <span ng-if="user.QUOCGIA">, {{user.QUOCGIA}}</span></h5></li>
                                                <li><h5>Phone: {{user.SDTNHARIENG}}</h5></li>
                                                <li><h5>Sponsor: {{user.Name_IDParent}}</h5></li>
                                                <!--<li><h5>Membership: {{user.LevelName}}</h5></li>-->
                                                <li><h5>Bank: {{user.SoTaiKhoan}}</h5></li>
                                            </ul>
                                        </div>
                                        <div class="col-lg-6 col-sm-6 col-xs-12">
                                            <!--<div class="form-title">
                                                Other Information
                                            </div>-->
                                            <ul class="list-unstyled">
                                                
                                            </ul>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </tab>
                        <tab heading="Edit Profile">
                            <div ng-controller="EditProfileController">
                                <form class="form-horizontal ng-pristine" role="form">
                                    <div class="row">
                                        <div class="col-lg-6 col-sm-6 col-xs-12 col-md-offset-3" style="margin-left:0px;margin-top:20px">
                                            <!--<div class="form-title">
                                                Personal Information 
                                            </div>-->
                                            <div class="form-group">
                                                <label for="inputEmail3" class="col-sm-3 control-label no-padding-right">FullName</label>
                                                <div class="col-sm-8">
                                                    <input class="form-control" ng-model="user.HoTen">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label for="inputEmail3" class="col-sm-3 control-label no-padding-right">Address</label>
                                                <div class="col-sm-8">
                                                    <input class="form-control" ng-model="user.DiaChi">
                                                </div>
                                            </div>    
                                            <div class="form-group">
                                                <label for="inputEmail3" class="col-sm-3 control-label no-padding-right">Bank Number</label>
                                                <div class="col-sm-8">
                                                    <input class="form-control" ng-model="user.SoTaiKhoan">
                                                </div>
                                            </div>                                                                               
                                            <div class="form-group">
                                                <label for="inputEmail3" class="col-sm-3 control-label no-padding-right">Bank Name</label>
                                                <div class="col-sm-8">
                                                    <ui-select ng-model="bank.selected">                                                        
                                                        <ui-select-match placeholder="Select Bank...">
                                                            {{$select.selected.Name}}                                                           
                                                        </ui-select-match>
                                                        <ui-select-choices repeat="item in BankList | filter: $select.search">
                                                            <span ng-bind="item.Name"></span>
                                                        </ui-select-choices>
                                                    </ui-select>     
                                                    {{user.BankID = bank.selected.Id;""}}                                              
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label for="inputEmail3" class="col-sm-3 control-label no-padding-right">Phone</label>
                                                <div class="col-sm-8">
                                                    <input class="form-control" ng-model="user.SDTNHARIENG">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label for="" class="col-sm-3 col-md-offset-3">
                                                    <button type="submit" class="btn btn-blue" ng-click="doEditProfile(user)">Update Profile</button>       
                                                    <span ng-if="processing" class="text-success"><i class="fa fa-circle-o-notch fa-spin"></i></span>                                             
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                        </div>
                        </tab>
                        <tab heading="Change PassWord">
                            <div ng-controller="ChangepasswordController">
                                <div class="row">
                                    <div class="col-lg-6 col-sm-6 col-xs-12 col-md-offset-3" style="margin-left:0px;margin-top:20px">
                                        <form class="form-horizontal ng-pristine" role="form">
                                            <!--<div class="form-title">
                                                Change Password
                                            </div>-->
                                            <p class="text-danger">{{messeger}}</p>
                                            <div class="form-group">
                                                <label class="col-sm-3 control-label no-padding-right">Current PassWord</label>
                                                <div class="col-sm-9">
                                                    <input class="form-control" ng-model="data.Password" placeholder="Current PassWord" type="password">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-sm-3 control-label no-padding-right">New Password</label>
                                                <div class="col-sm-9">
                                                    <input class="form-control" ng-model="data.Password1"  placeholder="New Password" type="password">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-sm-3 control-label no-padding-right">Confirm Password</label>
                                                <div class="col-sm-9">
                                                    <input class="form-control" ng-model="data.Password2" placeholder="Confirm Password" type="password">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-sm-6 col-md-offset-3">                                                    
                                                    <button type="submit" class="btn btn-blue" ng-click="doChangePass(data)">Change Password</button>
                                                    <span ng-if="processing" class="text-success"><i class="fa fa-circle-o-notch fa-spin"></i></span>
                                                </label>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </tab>
                        <tab heading="Change PassWord Level 2">
                            <div ng-controller="ChangeSecondPasswordController">
                                <div class="row">
                                    <div class="col-lg-6 col-sm-6 col-xs-12 col-md-offset-3" style="margin-left:0px;margin-top:20px">
                                        <form class="form-horizontal ng-pristine" role="form">
                                            <p class="text-danger">{{messeger}}</p>
                                            <div class="form-group">
                                                <label class="col-sm-3 control-label no-padding-right">Current PassWord Level 2</label>
                                                <div class="col-sm-9">
                                                    <input class="form-control" ng-model="data.SecondPassword" placeholder="Current PassWord Level 2" type="password">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-sm-3 control-label no-padding-right">New Password Level 2</label>
                                                <div class="col-sm-9">
                                                    <input class="form-control" ng-model="data.SecondPassword1" placeholder="New Password Level 2" type="password">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-sm-3 control-label no-padding-right">Confirm Password Level 2</label>
                                                <div class="col-sm-9">
                                                    <input class="form-control" ng-model="data.SecondPassword2" placeholder="Confirm Password Level 2" type="password">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-sm-6 col-md-offset-3">
                                                    <button type="submit" class="btn btn-blue" ng-click="doChangePass2(data)">Change Password</button>
                                                    <span ng-if="processing" class="text-success"><i class="fa fa-circle-o-notch fa-spin"></i></span><br /><br /><br />
                                                    <a class="" ui-sref="forgotsecondpass">Forgot Password Level 2 ?</a>
                                                </label>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </tab>
                        <!--<tab heading="Edit Account">
                            <div ng-controller="PremiumEditController">
                                <div class="row">
                                    <div class="col-lg-6 col-sm-6 col-xs-12 col-md-offset-3" style="margin-left:0px;margin-top:20px">
 
                                        <script type="text/ng-template" id="WarningModal">
                                            <div class="modal-header">
                                                <i class="glyphicon glyphicon-check"></i>
                                            </div>
                                            <div class="modal-title">{{title}}</div>
                                            <div class="modal-body">
                                                {{ messeger }}
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-success" ng-click="ok()">OK</button>
                                                <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button>
                                            </div>
                                        </script>

                                        <form class="form-horizontal ng-pristine" role="form" ng-if="showeditbitcoin">
                                            <div class="form-group">
                                                <label class="col-sm-3 control-label">Email</label>
                                                <div class="col-sm-8">
                                                    <input type="text" class="form-control" ng-model="Account.email" placeholder="Email">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-sm-3 control-label">Number</label>
                                                <div class="col-sm-8">
                                                    <input type="text" class="form-control" ng-model="Account.Payer_Account" placeholder="Payer Account">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-sm-3 control-label">Pin Code</label>
                                                <div class="col-sm-8">
                                                    <input type="text" class="form-control" ng-model="Account.PinCode" placeholder="Pin Code">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label for="" class="col-sm-6 col-md-offset-3">
                                                    <span ng-if="processing" class="text-success"><i class="fa fa-circle-o-notch fa-spin"></i></span>
                                                    <button type="submit" class="btn btn-blue" ng-click="doGetOTP()" ng-disabled="processing" ng-if="!showChange">Get OTP</button>
                                                    <button type="button" class="btn btn-blue" ng-click="doChangeAccBitcoin(Account)" ng-if="showChange">Submit</button>
                                                    <button type="reset" class="btn btn-blue">Reset</button>
                                                </label>
                                            </div>
                                        </form>

                                    </div>
                                </div>
                            </div>
                        </tab>-->

                    </tabset>
                </div>
            </div>
        </div>
    </div>
</div>

